<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>是否真人判断_财通社-读懂市场先机</title>
	<link href="/favicon.ico" rel="icon" type="image/x-icon"/>
</head>
<body>
<style>
    * { margin: 0; padding: 0;}
    body { background: #f1f1f1; padding: 40px 0 0 0; }
</style>
<div style="margin: 0 auto; width: 400px; background-color: #ffffff; padding: 60px 60px;">

	<h1 style="padding: 0 0 30px 0;">是否真人判断</h1>

	<div class="read_con">
		<input type="checkbox" id="is_real" name="is_real" value="1">
		<span>是否真人</span>
	</div>
	<div class="read_con_ioc" style="padding: 30px  0 0 0 ;">
		<input type="submit" id="to_verify" value="提交" style="border: 0; background-color: #343e9e; line-height: 36px; padding: 0 20px; color: #ffffff; border-radius: 4px; cursor: pointer;">
	</div>
	<div style="font-size: 12px; padding: 30px 0 0 0; color: #bcbcbc;">最近恶意攻击较多，请大家注意安全。
	</div>


</div>


<script type="text/javascript" src="/static/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/js/layer.js"></script>
<script type="text/javascript">
	//  提交验证
	$('#to_verify').click('on', function () {
		var checkedCheckboxes = $('input[name="is_real"]:checked');
		if (checkedCheckboxes.length <= 0) {
			console.log('没有复选框被选中', checkedCheckboxes.length);
			layer.msg('请勾选是否真人');
			return false;
		}

		// 不能在点击的时候重复提交
		$('#to_verify').attr("disabled", true);
		to_verify();
	})


	// 判断是否是真人
	function to_verify() {
		let url = '/frontend/ajax/verify-person';
		$.ajax({
			type: 'post',
			url: url,
			data: JSON.stringify({string: "{{$enString}}"}),
			contentType: 'application/json',
			dataType: 'json',
			// contentType: 'application/x-www-form-urlencoded',
			// 这个方法在请求发送前调用，可以用来做表单校验、用来做请求等待动画的调用
			/*beforeSend: function () {
				// 返回false是取消发送
				return false
			},*/
			// 会自动帮我们把返回的数据根据响应头设置的类型进行转换好（也就是会自动转成json对象）
			success: function (res) {
				console.log('返回结果', res)
				// 如果结果为真 则转跳页面
				if (res.status === 1) {
					layer.msg(res.info);
					setTimeout(function () {
						window.location.href = res.url;
					}, 1000)
				}
				// 如果结果为真 则提示验证失败
				if (res.status === 0) {
					layer.msg(res.info);
				}
				$('#to_verify').attr("disabled", false);
			},
			// xhr是ajax对象
			error: function (xhr) {
			}
		});
	}
</script>

</body>
</html>
